{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="/static/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="/static/bootstrap/css/bootstrap.min.css">
    {% block css %}

    {% endblock %}
    <title>Title</title>
</head>
<body>
<div class="bs-example" data-example-id="simple-nav-pills">
    <ul class="nav nav-pills">
        <li role="presentation" class="active"><a href="#"><font style="vertical-align: inherit;"><font
                style="vertical-align: inherit;">XXXX</font></font></a></li>
        <li role="presentation"><a href="#"><font style="vertical-align: inherit;"><font
                style="vertical-align: inherit;">Profile</font></font></a></li>
        <li role="presentation"><a href="#"><font style="vertical-align: inherit;"><font
                style="vertical-align: inherit;">Messages</font></font></a></li>
    </ul>
</div>
{% block  content%}

{% endblock %}
<script src="/static/bootstrap/js/bootstrap.js"></script>
<script src="/static/bootstrap/js/bootstrap.min.js"></script>
{% block js %}

{% endblock %}
</body>
</html>